<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String contextPath = request.getContextPath();
%>
<script src="<%=contextPath%>/static/jquery-3.2.1.min.js"></script>
<script src="<%=contextPath%>/static/bootstrap/js/bootstrap.js"></script>
<link href="<%=contextPath%>/static/bootstrap/css/bootstrap.css" rel="stylesheet"/>
<link href="<%=contextPath%>/static/bootstrap/css/bootstrap-theme.css" rel="stylesheet"/>
<link rel="shortcut icon" href="<%=contextPath%>/img/bitbug_favicon.ico" type="image/x-icon" />

<%--<div class="row">--%>
    <nav class="navbar navbar-inverse">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="<%=contextPath%>/article/index">我的博客</a>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav" id="nv1">
                    <li id="firstPage"><a href="<%=contextPath%>/article/index">首页</a></li>
                    <li id="JavaPage"><a href="<%=contextPath%>/article/column/JavaWeb专栏/JavaPage">Java专栏</a></li>
                    <li id="JavaScriptPage"><a href="<%=contextPath%>/article/column/JavaScript专栏/JavaScriptPage">JavaScript专栏</a></li>
                    <li id="AlgorithmPage"><a href="<%=contextPath%>/article/column/算法专栏/AlgorithmPage">算法专栏</a></li>
                    <li id="LinuxPage"><a href="<%=contextPath%>/article/column/Linux专栏/LinuxPage">Linux专栏</a></li>
                    <li id="DailyPage"><a href="<%=contextPath%>/article/column/日常生活专栏/DailyPage">日常生活</a></li>
                    <li id="DailyPage1"><a href="<%=contextPath%>/article/column/日常生活专栏/DailyPage">关于</a></li>

                </ul>
                <form class="navbar-form navbar-right">
                    <div class="input-group">
<%--                        <input type="text">--%>
                        <input type="text" class="form-control" style="width: 180px"  placeholder="搜索">
<%--                        <a href="<%=contextPath%>/admin/bloglist">登录</a>--%>
                        <nav class="input-group-btn">
                            <button class="btn btn-default" type="button">Go</button>
                        </nav>
                    </div>

                    <span class="mapping">
<%--                    <div class="input-group">--%>
                            <a href="<%=contextPath%>/admin/login"><button class="btn btn-default" type="button">登录</button></a>
<%--                    </div>--%>
                    </span>
                    <span class="mapping">
<%--                        <div class="input-group">--%>
                            <a href="<%=contextPath%>"><button class="btn btn-default" type="button">注册</button></a>
<%--                        </div>--%>
                    </span>
                </form>
            </div>
        </div>
    </nav>
<%--</div>--%>
<img src="" alt="">
<style>
    .mapping{
        margin-left: 20px;
    }
    .input-group{
        margin-right: 40px;
    }
    .navbar-right{
        float: none;
    }
</style>
<%--<script>--%>
<%--    var href = location.href;--%>
<%--    var id = href.substring(href.lastIndexOf("/") + 1, href.length);--%>
<%--    if (id=="") {--%>
<%--        id = "firstPage";--%>
<%--    }--%>
<%--    var ids = ["firstPage", "webPage", "androidPage", "rnPage", "ubuntuPage"];--%>
<%--    for (var i = 0; i < ids.length; i++) {--%>
<%--        if (id == ids[i]) {--%>
<%--            $("#" + id).attr("class", "active");--%>
<%--        } else {--%>
<%--            $("#" + ids[i]).removeAttr("class");--%>
<%--        }--%>
<%--    }--%>
<%--</script>--%>